<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HEAD>
<TITLE>q10116907350 test</TITLE>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://kiyoto777.web.fc2.com/test/dateformat.js"></script>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
$(document).ready(function() {
google.setOnLoadCallback(initialize);
});

function initialize() {
  var feed_url  = decodeURIComponent(location.search.substring(5,location.search.length));
  var feedsArr  = new Array();
  var numEntr   = 3; //各サイトのフィードを読み込む数
  var container = document.getElementById("feed_blog");

  var feed    = new google.feeds.Feed(feed_url);
  feed.setNumEntries(numEntr);
  feed.setResultFormat(google.feeds.Feed.JSON_FORMAT); //JSONフォーマットに整形
  feed.load(function(result) {
   if (!result.error) {
     for (var i = 0; i < result.feed.entries.length; i++) {
       var entry     = result.feed.entries[i];
       var eimg = "";
       var imgCheck  = entry.content.match(/(http:){1}[\S_-]+((\.png)|(\.jpg)|(\.JPG)|(\.gif))/); //データを取得する拡張子を指定
       if(imgCheck){
         eimg       += imgCheck[0]; //配列の1番目に格納されたデータを取得（つまり、1枚目の画像を取得）
       }else{
         eimg       += 'http://×××××××'; //画像が取得できなかった場合の代替画像のURLを指定
       }
       var attributes   = ["title", "link", "publishedDate", "contentSnippet"];
       var ind          = feedsArr.length;
       feedsArr[ind]    = new Array();
       feedsArr[ind][0] = Date.parse(entry[attributes[2]]); // 日付でソート（並び替え）
       feedsArr[ind][1] = entry[attributes[1]];             // link
       feedsArr[ind][2] = entry[attributes[2]];             // publishedDate
       feedsArr[ind][4] = entry[attributes[0]];             // title
       feedsArr[ind][5] = result.feed.title;                // site title
       feedsArr[ind][6] = eimg;                             // thumbnail
     }
     feedsArr.sort();
     feedsArr.reverse();
     var dateFormat = new DateFormat("yyyy年MM月dd日");         // ★ publishedDate Format     (dateformat.js use)
     var dateStr;                                               // ★ publishedDate Format Area(dateformat.js use)
     for (var j = 0; j < feedsArr.length; j++) {
       var aE      = document.createElement("A");               // a    タグ create title link
       var h3      = document.createElement("H3");              // h3   タグ create title link(aタグの親)
       var p       = document.createElement("P");               // p    タグ create
       var spanD   = document.createElement("SPAN");            // span タグ create
       aE.href     = aE.title=feedsArr[j][1];                   // href
       aE.target   = '_blank';                                  // ★ taget="_blank"
       aE.appendChild(document.createTextNode(feedsArr[j][4])); // title
       h3.appendChild(aE);                                      // h3 hitle
       var dateStr = dateFormat.format(new Date(feedsArr[j][2]));           // ★ publishedDate変換(dateformat.js use)
       spanD.appendChild(document.createTextNode(dateStr));                 // ★ span publishedDate
       spanD.appendChild(document.createTextNode(" ("+feedsArr[j][5]+")")); // span site title
       p.appendChild(spanD);                                                // ?????
       container.appendChild(h3);                                           // h3 タグを出力
       container.appendChild(p);                                            // p  タグを出力
       var img_link = document.createElement("img");                        // img create
       img_link.setAttribute("src", feedsArr[j][6] );                       // img src
       img_link.setAttribute("width", "70" );                               // 幅：width属性に80pxを指定
       container.appendChild(img_link);                                     // img（画像）タグを出力
     }
    }
  });
}
</script>

<style type="text/css">
body{ /* 全体 */
background-color:#000000;
color:#ffffff;
}
#container{
width:700px;
margin:auto;
}
</style>
</HEAD>
<body>
<div id="container">
<br><br><br><br>
<div id="feed_blog"></div>
</div>
</body>
</HTML>

